.theme-light{

    /* 针对svg的颜色设置 */
    /* var colorLight=["","","","#aaff5588","#eacf00","","","","",""]//时间分类颜色标识 */
    --acolor: #f16b6b83;
    --bcolor: #2576b8;
    --ccolor: #fd1d1df8;
    --dcolor: #5ace16ee;
    --ecolor: #f13832d2;
    --fcolor: #d65bd0;
    --gcolor: #53a553;
    --hcolor: #00000000;
    --icolor: #778f22;
    --jcolor: #00000000;
    --kcolor: #d81edf9c;
    --lcolor: #00000000;
    --mcolor: #00000000;
    --ncolor: #00000000;
    --ocolor: #00000000;
    --pcolor: #00000000;
    --qcolor: #00000000;
    --rcolor: #e45757;
    --scolor: #00000000;
    --tcolor: #00000000;
    --ucolor: #00000000;
    --vcolor: #26e21569;
    --wcolor: #00000000;
    --xcolor: #00000000;
    --ycolor: #eedf5c;
    --zcolor: #00000000;


    --Acolor: #124dee48;
    --Bcolor: #1417bdf8;
    --Ccolor: #fd1d1df8;
    --Dcolor: #5ace16ee;
    --Ecolor: #f13832d2;
    --Fcolor: #d65bd0;
    --Gcolor: #53a553;
    --Hcolor: #00000000;
    --Icolor: #778f22;
    --Jcolor: #00000000;
    --Kcolor: #d81edf9c;
    --Lcolor: #00000000;
    --Mcolor: #00000000;
    --Ncolor: #00000000;
    --Ocolor: #00000000;
    --Pcolor: #00000000;
    --Qcolor: #00000000;
    --Rcolor: #e45757;
    --Scolor: #00000000;
    --Tcolor: #00000000;
    --Ucolor: #00000000;
    --Vcolor: #26e2153b;
    --Wcolor: #00000000;
    --Xcolor: #00000000;
    --Ycolor: #eedf5c;
    --Zcolor: #dab54f69;

    --pageBG:#ffc0cb00;
    --calenderBG:#4b303000;
    --calenderLine:#0f0f0f;
    --calenderVline:rgba(58, 58, 58, 0.603);
    --calenderDisplay:#6a8;
    --littleWindowBG:#ffffff00;
    --selectTags:rgb(216, 216, 216);
    --selectTagLine:#5a5a5ab4;
    --selectTagDisplay:#6a8;
    --hover:#6a8;
    --txt:#111;
    --muteTxt:#888;
    --txtBG:rgba(224, 224, 224, 0.486);
    
    --sixClock:rgb(218, 11, 11);
    --threeClock:rgb(92, 100, 92);
    --hLine:rgba(99, 99, 99, 0.418);

    --vLine:rgba(34, 34, 34, 0.801);
    --circleLine:#000;
    --circleLine1:#444;

    --Line:#222;
    --allItemTime:#444;
    --oddBar:#ffffff50;
    --evelBar:#c2c2c250;
    --point:#141a15;

    --inBillLine:#05a;
    --outBillLine:#a20;
    
}

.theme-dark{

    /* 针对svg的颜色设置 */
    /* var colorLight=["","","","#aaff5588","#eacf00","","","","",""]//时间分类颜色标识 */
    --acolor: #a53030;
    --bcolor: #14b1bd;
    --ccolor: #1f5c1f;
    --dcolor: #246d72;
    --ecolor: #23147a;
    --fcolor: #6d1368;
    --gcolor: #53a553;
    --hcolor: #00000000;
    --icolor: #aad60c;
    --jcolor: #00000000;
    --kcolor: #69ac4fe3;
    --lcolor: #00000000;
    --mcolor: #00000000;
    --ncolor: #00000000;
    --ocolor: #00000000;
    --pcolor: #00000000;
    --qcolor: #00000000;
    --rcolor: #e45757;
    --scolor: #00000000;
    --tcolor: #00000000;
    --ucolor: #00000000;
    --vcolor: #44c244c5;
    --wcolor: #00000000;
    --xcolor: #00000000;
    --ycolor: #eedf5c;
    --zcolor: #ff0000;

    --Acolor: #631515;
    --Bcolor: #14b1bd;
    --Ccolor: #1f5c1f;
    --Dcolor: #246d72;
    --Ecolor: #23147a;
    --Fcolor: #6d1368;
    --Gcolor: #53a553;
    --Hcolor: #00000000;
    --Icolor: #aad60c;
    --Jcolor: #00000000;
    --Kcolor: #00000000;
    --Lcolor: #00000000;
    --Mcolor: #00000000;
    --Ncolor: #00000000;
    --Ocolor: #00000000;
    --Pcolor: #00000000;
    --Qcolor: #00000000;
    --Rcolor: #e45757;
    --Scolor: #00000000;
    --Tcolor: #00000000;
    --Ucolor: #00000000;
    --Vcolor: #00000000;
    --Wcolor: #00000000;
    --Xcolor: #00000000;
    --Ycolor: #eedf5c;
    --Zcolor: #ff0000;

    
    --pageBG:#ffc0cb00;
    --calenderBG:#4b303000;
    --calenderLine:#bbb8b8;
    --calenderVline:#8b8b8b9a;
    --calenderDisplay:#747474ab;
    --littleWindowBG:#b86e6e00;
    --selectTags:rgba(37, 37, 37, 0.062);
    --selectTagLine:#5a5a5ab4;
    --selectTagDisplay:#747474ab;
    --hover:#747474ab;
    --txt:#eee;
    --muteTxt:#888;
    --txtBG:#52515136;
    
    --sixClock:rgb(189, 0, 0);
    --threeClock:rgba(153, 153, 153, 0.651);
    --hLine:rgba(148, 148, 148, 0.514);
    --vLine:rgba(175, 175, 175, 0.842);
    --circleLine:rgb(214, 214, 214);
    --circleLine1:rgb(156, 156, 156);

    --Line:#222;
    --allItemTime:#444;
    --oddBar:#9696962a;
    --evelBar:#31313146;
    --point:#c0c0c0;

    --inBillLine:rgb(100, 162, 224);
    --outBillLine:rgb(233, 89, 53);

}


/* #techoBillTable */
#techoPage{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    
    margin: 2vh auto;
    width: 100%;
    height: 85vh;
    background-color: var(--pageBG);
}
#techoLeftLeaf{
    float: left;
    width:100%;
    height: 90vh;
}

#techoCalender{
    width: 100%;
    height: 24vh;
    padding: 3px 5px;
    overflow: hidden;
    background-color: var(--calenderBG);
    
}
.calenderMessageL{
    font-size: x-small;
    padding: 0px;
    float: left;
    cursor: pointer;
    margin-right:10px ;
}
.calenderMessageR{
    font-size: x-small;
    padding:0px 5px;
    float: right;
    cursor: pointer;
    /* margin-right:5px ; */
}
#message1:hover,
.calenderMessageR:hover{
    background-color: var(--hover);
    border-radius: 5px;
    /* background-color: #ebebeb6e; */
}
#messagesDiv{
    height: 2vh;
    overflow: hidden;
}
#calenderTable{
    width: 100%;
    /* height: 85%; */
    border: transparent;
    border-collapse: collapse;
    
}
#calenderTable tr{
    height: 3vh;
    
}

#calenderTable  th,
#calenderTable  td{
    /* width: 10px; */
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-align:center;
    vertical-align:middle;
    font-size:x-small;
    
}
#calenderTable th{
    /* background-color: #0f0f0f; */
    border-bottom: var(--calenderLine) solid 1px;
}

#calenderTable td{
    /* background-color: #0f0f0f; */
    cursor: pointer;
    /* border-bottom: #0f0f0f solid 1px; */
}
#calenderTable .weekNumber:hover,
#calenderTable  .thismonth:hover{
    background-color: var(--hover);
    border-radius: 10px;
    
}

#calenderTable .weekNumber{
    border-right:var(--calenderVline) solid 1px ;
}
#calenderTable  .thismonth {
    color: var(--txt) ; 
}
#calenderTable  .notthismonth{
    color: var(--muteTxt);
}
#techoCalender .techoHelight{
    background-color: var(--calenderDisplay) ;
}

#techoTag{
    width: 100%;
    height: 70%;
}
#selectTags{
    /* min-width: 50px !important; */
    White-space:nowrap;
    overflow: hidden;
    border-top:  var(--selectTagLine) solid 1px;;
    
}
#selectTags btn{
    display: block;
    float: left;
    width: 33.33%;
    height: 3vh;
    line-height: 3vh;
    text-align: center;
    background-color: var(--selectTags);
    border-radius: 0 ;
    cursor: pointer;
}

#selectTags .tagDisplay{
    /* background-color: #a9bcccb4 !important; */
    z-index: 1;
    border-bottom: none !important;
    background-color: var(--selectTagDisplay) ;

}
#selectTags btn:hover{
    
    /* filter: blur(5px); */
    /* filter:brightness(1.2); */
    background-color: var(--hover)
}
#littleWindow{
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-color: var(--littleWindowBG);
    height: 60vh !important;
    /* min-height: 50%;
    max-height: max-content; */
    flex: initial;
    overflow: hidden;
}
#littleWindow ul {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    /* color: #9b9999; */
}
#littleWindow li{
    display: inline-block;
    width: 500%;
    /* background-color: #985; */
    /* display: inline; */
    /* background-color: #000; */

    margin: 0px;
    padding: 0px 0px 0px 18px;

}
#littleWindow svg{
    margin-left: auto;
    margin: auto;
    width: 100%;
    /* align-items: center; */
}

.time-note{
    font-size: 12px;
    color: var(--txt);
}
foreignObject{
    background-color:var(--txtBG);
}
.calenderDisplay{
    background-color: var(--calenderDisplay);
}
#techoBillTable{
    width: 100%;
    font-size: small;

}
#techoBillTable th,
#techoBillTable td{
    padding: 0;
    margin: 0;
}